<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>
记忆游戏
</title>
<style type='text/css'>
.content {text-align:center;
border: solid 1px;}
span.word {color:white;}
span.word:hover {color:black;}
#abstract {color:grey;}
span.red:hover {color:red;}
span.blue:hover {color:blue;}
</style>
</head>
<body>
<h1>
记忆游戏
</h1>
<h2>记忆游戏1</h2>
<div id='abstract'>
记住鼠标滑过的每个字词
</div>
<br>
<!-- 输入要记忆的文字，加上span标签 -->
<div class='content'>
<span class='word'>你好</span>
<span class='word'>之江</span>
<span class='word'>我</span>
<span class='word'>爱</span>
<span class='word'>你</span>
<br>
<span class='word'>早湖</span>
<span class='word'>和</span>
<span class='word'>梦湖</span>
<span class='word'>是</span>
<span class='word'>你</span>
<span class='word'>的</span>
<span class='word'>双眼</span>
<br>
</div>
<h2>记忆游戏2</h2>
<div id='abstract'>
记住鼠标滑过的每个
<em>蓝色</em>
字词，忽略
<em>红色</em>
字词
</div>
<br>
<!-- 输入要记忆的文字，加上span标签 -->
<div class='content'>
<span class='red word'>你好</span>
<span class='blue word'>之江</span>
<span class='red word'>我</span>
<span class='blue word'>爱</span>
<span class='red word'>你</span>
<br>
<span class='blue word'>早湖</span>
<span class='red word'>和</span>
<span class='blue word'>梦湖</span>
<span class='red word'>是</span>
<span class='blue word'>你</span>
<span class='red word'>的</span>
<span class='blue word'>双眼</span>
<br>
</div>
</body>
</html>
